<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>院线查询</title>
<style type="text/css" media="screen">
<!--
html,body{height:100%;margin:0;font:12px/1.6em verdana arial;color: #555;}
#over{position: absolute; top:11px;left:10px;z-index:999;padding:13px;background: #369;color: #fff;}
.fb{padding:0 10px;height:32px;background: #369;color: #fff;}
.fb input{float: left;margin:4px 2px 0 0;vertical-align: middle;}
dl,dt,dd,ul,li{margin:0;padding:0;}
a:link{ color:#369;text-decoration:none;}
a:visited{ color:#888;text-decoration:none;}
a:hover{ color:#f00; text-decoration:underline;}
a:active{ color:#fc0; text-decoration:none;}
#map{width:100%;height:50%;margin:auto;}
h1{margin:9px 0 3px;padding:0 3px;font: bold 14px/1.6em verdana;border-bottom: 1px solid #ccc;color: #fff;}
h2{margin:8px 0 6px;text-align: center;font: bold 15px/1.6em verdana sans-serif;color: #669;text-transform:capitalize;}

h4{margin:0;background: #369;padding:5px 10px;color: #fff;font:bold 12px arial;}
#loc{width:150px;font-size:1em;padding:2px 3px 1px;;}
#out{padding:5px 3px 0;}
#posi{background: #fffbe2;border: 1px solid #ccc;width:150px;padding:2px 3px 1px;}
#ct{width:250px;height:100px;}

#mvs{width:100%;height:50%;margin:auto;overflow:auto;background: #fff;}
#mvs dl{padding:10px;border-bottom: 1px solid #369;background: #f3f3f3;}
#map dt,
#mvs dt{font:bold 13px/1.6em sans-serif;color: #369;}
#mvs dd{}
#mvs h3{padding:16px 22px 2px;margin:0;color: #369;}
#mvs ul{padding:0 0 25px;}
#mvs li{padding:0 25px;list-style:none;}
#mvs #intro{background: #fff;zoom:1;overflow:hidden;}
#mvs #intro dt{float: left;padding:13px 0 10px;}
#mvs #intro li span{color: #369;font-weight:bold;}
-->
</style>

<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAACZoLVN79WT2mXp8M7Dsi-hSVbq8cAqMDJReYWuWY3FAJPhxoRBTRhRCgpQhnPbuLwfaAbgqLte5Baw"></script>
<script type="text/javascript">
//<![CDATA[

window.onload  =function (){	load();	/*setupMap()*/	};
window.onunload=function (){	GUnload();	};

var mos = {
	beijing:[
		{
			name:"国安剧院",
			addr:"北京海淀区, 海淀区花园东路甲16号",
			shed:"09:30 10:00 12:40 14:20 15:20 17:00 18:00 19:40 20:40 21:40 22:20",
			ltlg:[39.996, 116.39284]
		},
		{
			name:"胜利电影院",
			addr:"北京西城区, 西城区西四东大街55号 ",
			shed:"09:20 10:00 12:00 12:40 14:40 15:20 16:20 17:20 18:00 19:00 20:00 20:40 ",
			ltlg:[39.99662, 114.3927]
		},
		{
			name:"北京市工人俱乐部",
			addr:"北京宣武区, 宣武区虎坊路7号 ",
			shed:"10:20 12:20 13:00 13:40 15:00 15:40 17:40 18:20 19:40 20:30",
			ltlg:[38.99, 116.39286]
		},
		{
			name:"国安剧院",
			addr:"北京海淀区, 海淀区花园东路甲16号 ",
			shed:"09:30 10:00 12:40 14:20 15:20 17:00 18:00 19:40 20:40 21:40 22:20",
			ltlg:[39.90, 113.39280]
		}
	]
}

function load() {
  if (GBrowserIsCompatible()) {
	var el   =  document.getElementById("map");
	var map  =  new GMap2(el);
	var point=  new GLatLng(39.905556, 116.395833);
		map.setCenter(point, 6);
		map.addControl(new GMapTypeControl()); 
	var mapTypeControl = new GLargeMapControl();
	var topRight = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,40));
		map.addControl(mapTypeControl,topRight);

	document.getElementById("gbt").onclick = function(){
	  var address = document.getElementById("loc").value;
	  map.clearOverlays();
	  var pt = mos.beijing,i;
		for(i=0;i<4;i++){
			var poit=  new GLatLng(pt[i].ltlg[0], pt[i].ltlg[1]);
			var marker = new GMarker(poit);
			map.addOverlay(marker);
		}
	  
	}

	document.getElementById("loc").onfocus = function(){
		if(this.value=="请输入影片名称"){this.value="";}else this.select();
	}

	document.getElementById("loc").onblur = function() {
		if (this.value == "") { this.value = "请输入影片名称";}
	}

  }
}
//]]>
</script> 

</head>
<body>
	<div id="map"></div>
	<div id="over">
		<h1>院线查询</h1>
		<div>查询热播电影及观影指南。</div>
		<input type="text" size="20" id="loc" name="address" value="请输入影片名称" />
		<input type="submit" id="gbt" value="查询" />
	</div>

	<div id="mvs">

		
		<h4>影片简介</h4>
		<dl id="intro">
			<dt><img src="http://base.googlehosted.com/base_media?q=http://img1.mtime.com/mt/709/24709/24709_96X128.jpg&size=3&hl=CN&dhm=cd3f78c6"></dt>
			<dd>
				<h3>赤壁(7.5)</h3>
				<ul>
					<li>历史/战争 - 普通话 - <a target="_blank" href="http://www.mtime.com/movie/24709/trailer.html">预告片</a> - <a target="_blank" href="http://www.mtime.com/movie/24709">查看详情</a> - <a target="_blank" href="http://www.mtime.com">mtime.com</a></li>
					<li><span>导演:</span> 吴宇森</li>
					<li><span>演员表:</span> 张震, 金城武, 梁朝伟</li>
					<li><span>简介:</span> 滚滚长江东逝水，浪花淘尽英雄……亚洲史上最贵电影，吴宇森执导，梁朝伟、金城武主演， 再现中国战争史上最经典一役。</li>
				</ul>
			</dd>
		</dl>
		
		<h4>播放影院及时间</h4>

		<dl>
			<dt>国安剧院</dt>
			<dd>北京海淀区,&nbsp;海淀区花园东路甲16号</dd>
			<dd>09:30 10:00 12:40 14:20 15:20 17:00 18:00 19:40 20:40 21:40 22:20</dd>
		</dl>

		<dl>
			<dt>胜利电影院</dt>
			<dd>北京西城区, 西城区西四东大街55号</dd>
			<dd>09:20 10:00 12:00 12:40 14:40 15:20 16:20 17:20 18:00 19:00 20:00 20:40</dd>
		</dl>

		<dl>
			<dt>北京市工人俱乐部</dt>
			<dd>北京宣武区, 宣武区虎坊路7号</dd>
			<dd>10:20 12:20 13:00 13:40 15:00 15:40 17:40 18:20 19:40 20:30</dd>
		</dl>

		<dl>
			<dt>国安剧院</dt>
			<dd>北京海淀区, 海淀区花园东路甲16号</dd>
			<dd>09:30 10:00 12:40 14:20 15:20 17:00 18:00 19:40 20:40 21:40 22:20</dd>
		</dl>

	</div>
</body>
</html>